/* 修改后 */
page {
  --base-font-size: 28rpx;
  font-size: var(--base-font-size);
}

.content-container {
  /* 移除边框声明 */
  overflow: hidden;
  transition: max-height 0.3s;
  /* 增加保护性声明 */
  border: 0 !important;
  outline: none;
}

.debug-info {
  padding: 20rpx;
  color: #666;
  font-size: 24rpx;
  border-top: 1rpx dashed #ddd;
}

.more-btn {
  margin: 19rpx auto;
  width: 100%;
  padding: 0;
  border: none;
  line-height: 1;
  background: linear-gradient(
    to bottom, // 改为垂直方向
    transparent 0%,
    transparent 33%, // 前1/3透明
    rgba(255,255,255,0.8) 33%, // 硬边界
    rgba(182, 182, 182, 0.65) 100%
  );
  color: #999 !important;
}
.more-btn::after {
  border: none;
}







.btn-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16rpx 0;
}

.arrow-icon {
  width: 120rpx;
  height: 60rpx;
  transition: transform 0.3s ease;
  margin-bottom: -25rpx;
  transform: translateZ(0); /* 激活GPU渲染层 */
  will-change: transform;
  z-index: 2147483647; /* 微信支持的最大有效值 */
}

// /* 收起状态跳动动画 */
// .arrow-icon.bounce {
//   animation: bounce 1s infinite;
// }

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10rpx); }
}

.btn-text {
  font-size: 24rpx;
  color: #666;
  letter-spacing: 2rpx;
}









/* 相关文章列表 */
.related-list {
  margin: 40rpx 20rpx;
  border-top: 20rpx solid #f5f5f5;
}

.list-title {
  font-size: 34rpx;
  font-weight: bold;
  padding: 30rpx 0;
  color: #333;
}

.list-item {
  display: flex;
  margin-bottom: 30rpx;
  padding: 20rpx;
  background: #fff;
  border-radius: 12rpx;
  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05);
}

.item-thumb {
  width: 200rpx;
  height: 150rpx;
  border-radius: 8rpx;
  margin-right: 20rpx;
}

.item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.item-title {
  font-size: 28rpx;
  color: #333;
  line-height: 1.4;
  margin-bottom: 10rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.item-desc {
  font-size: 24rpx;
  color: #666;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}




.article-header {
  margin-bottom: 20px;
}

.article-title {
  font-size: 24px;
  font-weight: bold;
}




/* 容器样式 */
.container {
  background: #fff;
  border-radius: 16rpx;
  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1);
  padding: 32rpx;
  margin: 20rpx;
}





.locked {
  width: 100%;
  background: #eee !important;
  color: #999 !important;
  border: 1rpx solid #ddd !important;
}



.img-responsive {
  width: 100%; /* 宽度设置为100%，可以根据需要调整 */
  height: auto; /* 高度自适应 */
  padding: 18rpx;
}